@import '../../../../../lessConst.less';

.exchangeModal {
  // 模态框组件覆盖样式
  background-color: #191919;

  .at-modal__content {
    padding: 0;
    background-color: transparent !important;
  }

  .at-modal__container {
    background-color: transparent !important;
    top: 40% !important;
  }


  .modalContent {
    width: 100%;
    background: url('@{iplandUrl}receiveGoldCoins/exchangeModalBj.png') no-repeat;
    background-size: 100% 100%;
    height: 412px;

    .exchangeModalContent {
      height: 100%;
      margin-top: 90px;
      display: flex;
      align-items: center;
      justify-content: center;

      .extraModalMessageTitle, .extraResultError view {
        font-size:32px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #FE6D06;
      }
    }

    .modalFooter {
      display: flex;
      flex-direction: row;
      margin-bottom: 20px;
      align-items: center;
      justify-content: space-around;
  
      .leftBtn {
        width: 208px;
        height: 72px;

        .leftBtnButton {
          width: 100%;
          height: 100%;
          font-size: 28px;
          line-height: 72px;
          color: #FE6906;
          background-color: #fff7ec;
          border-radius: 40px;
          border: 1px solid #FE6906;
        }
      }

      .rightBtn {
        width: 208px;
        height: 72px;

        .rightBtnButton {
          width: 100%;
          height: 100%;
          font-size: 28px;
          line-height: 72px;
          color: #fff;
          background: linear-gradient(123deg, #FF9208 0%, #FE6906 100%);
          border-radius: 40px;
        }
      }

      .rightBtn,
      .leftBtn::after {
        border: 0;
      }

    }
  
  }
}
